<style type="text/css">
    #staffLabel-detail, #staffLabel-detail .staffLabel-info {
        display: inline-block;
        float: left;
        margin-left: 15px;
    }

    #staffLabel-detail #staffLabel-info-wrapper {
        margin: 0 0 1rem 0;
        display: inline-block;
    }

    #staffLabel-detail .staffLabel-info div {
        margin: 10px 15px;
        max-width: 19rem;
    }
</style>

<!-- 注意id属性每个页面id必须独立 lay-title为当前页面的标题属性-->
<div class="layui-fluid" id="staffLabel-detail" lay-title="院校信息">
    <div id="staffLabel-info-wrapper">
        <div class="staffLabel-info">
            <!-- staffLabel为后台返回的对象-->
            <div><span class="layui-icon layui-icon-form"></span> 标签id：
                [[${staffLabel.id}]]
            </div>
            <div><span class="layui-icon layui-icon-note"></span> 标签名：
                [[${staffLabel.staffLabelName}]]
            </div>
            <div><span class="layui-icon layui-icon-home"></span> 标签备注：
                [[${staffLabel.remark}]]
            </div>
        </div>

        <div class="staffLabel-info">
            <div><span class="layui-icon layui-icon-user"></span> 创建人：
                [[${staffLabel.createUserName}]]
            </div>
            <div><span class="layui-icon layui-icon-time-circle"></span> 创建时间：
                [[${#strings.defaultString(standardCreateDateTime,  '未显示时间')}]]
            </div>
            <div><span class="layui-icon layui-icon-user"></span> 最近修改人：
                [[${staffLabel.updateUserName}]]
            </div>
            <div><span class="layui-icon layui-icon-time-circle"></span> 最近修改时间：
                [[${#strings.defaultString(standardLastModifyDateTime, '未显示时间')}]]
            </div>
        </div>
<!--        <div class="layui-form-item">-->
<!--            <label class="layui-form-label">复选框</label>-->
<!--            <div class="layui-input-block" id="testfor">-->
<!--            </div>-->
<!--        </div>-->
    </div>
</div>

<script>
    // var testfor = document.getElementById("testfor");
    // var data = [
    //     {name:"标签1"},
    //     {name:"标签2"},
    //     {name:"标签3"},
    //     {name:"标签4"},
    //     {name:"标签5"}
    // ]
    // function draw(item) {
    //     // var div = '<span>'+item.name+'</span>';
    //     var div = "<input type='checkbox' >"+item.name;
    //     return div
    // }
    // function goOnPage(){
    //     var html = ''
    //     for(var i = 0;i<data.length;i++){
    //         html += draw(data[i])
    //     }
    //     testfor.innerHTML = html
    // }
    // window.onload = goOnPage();
    // function init(){
    //     layui.each(data,function (index,item) {
    //         $("#testfor").append('<span>'+item.name+'</span>')
    //     })
    // }
    //

</script>